آموزش دوره کامل ReactJs - اصول اولیه تا پیشرفته [2022]
The Complete ReactJs Course - Basics to Advanced [2022]
آنچه یاد خواهید گرفت
- مقدمه ای بر چیستی React و مفاهیم اولیه آن
- بیاموزید JSX چیست و چگونه در پشت صحنه کار می کند
- بیاموزید که اجزای حالت دار و بدون حالت چیست و چه زمانی از آنها استفاده کنید
- کار با مؤلفه‌های مبتنی بر تابع و کلاس
- کار با ماژول‌های React، وارد کردن و صادر کردن ماژول‌ها
- در مورد نحوه عملکرد روش رندر با جزئیات بیشتر بیاموزید
- چرخه حیات کامپوننت React و روش‌های مختلف چرخه حیات
- ایجاد وب سایت های پویا با کمک اجزای قابل استفاده مجدد
- ایجاد یک ساختار کاری مناسب برای یک پروژه از ابتدا که به حفظ پروژه برای طولانی مدت کمک می کند
این دوره درباره چیست؟
دوره کامل React JS - Basics to Advanced این دوره راهنمای کاملی برای React JS است. در اینجا، تمام مفاهیم مورد نیاز برای تبدیل شدن به یک توسعه دهنده React JS را خواهید آموخت. اگر در زمینه توسعه وب تازه کار هستید یا یک توسعه‌دهنده حرفه‌ای هستید که وب‌سایت‌هایی با جاوا اسکریپت قدیمی یا jQuery ایجاد می‌کند، اکنون زمان شماست که React JS را یاد بگیرید و مهارتهای توسعه وب خود را به سطح بالاتری ببرید و استخدام‌کننده یا مشتریان خود را تحت تأثیر قرار دهید.
React JS به سرعت در حال افزایش محبوبیت است. در مدت زمان بسیار کوتاهی، به محبوب ترین کتابخانه جاوا اسکریپت توسعه وب تبدیل شده است. این زمان مناسبی است که شما یاد بگیرید و React JS را به مجموعه مهارت های خود اضافه کنید و در حرفه خود برتر باشید.
این دوره به گونه ای طراحی شده است که هر کسی می تواند سفر از اصول اولیه تا مفاهیم پیشرفته React را با توضیحات ساده توسط مربی همراه با تکالیف و پروژه های عملی درک کند.
در قسمت اول این دوره:
ما React JS را پوشش می‌دهیم، چگونه از JSX استفاده می‌کند، چگونه کامپایل‌سازی در پشت صحنه با استفاده از babel به مرورگر HTML، CSS و جاوا اسکریپت ساده قدیمی و قابل فهم قدیمی انجام می‌شود.
بعد از آن، اجزایی را توضیح می دهیم که بلوک های اصلی یک صفحه وب در حین کار با React JS هستند. همچنین مؤلفه‌های بدون حالت و حالت و زمان استفاده از آن مؤلفه‌ها را نیز پوشش می‌دهیم.
در بخش بعدی، نحوه ایجاد ماژول‌ها در React JS و نحوه وارد کردن یا صادر کردن آن ماژول‌ها به فایل‌های دیگر را می‌آموزیم تا بتوانیم از همان مجموعه کد دوباره استفاده کنیم.
در بخش بعدی، ما در مورد نحوه استایل دادن به مؤلفه‌ها با استفاده از ماژول‌های CSS و نحوه ایجاد یک وب‌سایت پاسخگوی تلفن همراه کاربرپسند کار خواهیم کرد.
ما همچنین نحوه کار با props، نحوه انتقال داده ها از مولفه های حالت دار به مؤلفه های بدون حالت، و نحوه انتقال توابع از یک مؤلفه به مؤلفه دیگر را پوشش می دهیم.
ما روش‌های مختلف چرخه حیات یک React Component را توضیح می‌دهیم و چگونه می‌توانیم به داده‌های بین این چرخه‌های عمر با استفاده از روش‌های مختلف چرخه حیات در دسترس ما دسترسی داشته باشیم و آنها را اصلاح کنیم.
ما همچنان به افزودن ویدیوهای بیشتری به دوره آموزشی ادامه خواهیم داد. این ویدیوها به زودی در دسترس شما قرار خواهند گرفت.
چه کسی در این دوره به شما آموزش می دهد؟
من یک مدرس فارغ التحصیل علوم کامپیوتر با رتبه بالا با رتبه 4.3 و بیش از 200 هزار دانشجو در Udemy هستم. در روزهای اولیه، من بخشی از یک تیم استارت آپی بودم که برنامه های اندرویدی شبکه تولید را ارائه می کرد. در حال حاضر، من یک توسعه دهنده اصلی در EdYoda هستم. من مسئول کل ادغام توسعه front-end با back-end هستم. React، Python، Django حوزه‌های تخصصی من هستند. من آموزش های شرکتی را برای Android، React، Javascript، Python Django ارائه کرده ام. من به جزئیات توجه دارم که باعث می شود برای ارائه محصول نهایی مناسب باشم. من یک آدم تناسب اندام هستم که ورزش کردن، کار مورد علاقه من در اوقات فراغت من است.
من می‌خواهم همه از فرآیند یادگیری لذت ببرند و دانش خود را به اشتراک گذاشته‌ام که برای توسعه‌دهندگان React مفید خواهد بود.
همین حالا ثبت نام کنید! شما را در کلاس می بینم
آموزش شاد!
تیم EdYoda
این دوره برای چه کسانی است:
- مبتدیانی که به تازگی در زمینه توسعه وب کار می کنند
- توسعه دهندگان وب مبتدی که می خواهند چارچوب وب React JS را یاد بگیرند
- توسعه دهندگانی که دانش اولیه جاوا اسکریپت دارند و می خواهند React JS را به مجموعه مهارت های خود اضافه کنند
- توسعه دهندگان وب که می خواهند React JS را از ابتدا یاد بگیرند و می خواهند در شغل خود ارتقاء پیدا کنند
- حرفه‌ای‌هایی که در حال حاضر با سایر چارچوب‌های وب مانند Angular یا Vue کار می‌کنند و می‌خواهند React JS را یاد بگیرند
- توسعه دهندگان وب Frontend که می‌خواهند دامنه فناوری کاری خود را با یادگیری React JS تغییر دهند
React Introduction React Introduction
-
ReactJS - مقدمه ReactJS - Introduction
-
ReactJS - درک SPA و MPA ReactJS - Understanding SPAs and MPAs
-
ReactJS - ایجاد اولین برنامه React ما ReactJS - Creating our First React App
-
ReactJS - ساختار پروژه ایجاد شده توسط CRA ReactJS - Project Structure created by CRA
JSX JSX
-
ReactJS - مقدمه ای بر JSX ReactJS - Introduction to JSX
-
ReactJS - JSX پشت صحنه ReactJS - JSX Behind the Scenes
-
ReactJS - اضافه کردن سبک به عناصر React ReactJS - Adding Styles to React Elements
-
ReactJS - عناصر React را به صورت پویا ایجاد کنید ReactJS - Create React Elements Dynamically
مقدمه ای بر کامپوننت ها Introduction to Components
-
ReactJS - ایجاد اولین کامپوننت React ما ReactJS - Creating our First React Component
-
ReactJS - انتقال داده به کامپوننت ها با استفاده از Props ReactJS - Passing Data to Components using Props
ماژول های واردات و صادرات Import and Export Modules
-
ReactJS - واردات و صادرات ماژول ها ReactJS - Import and Export of Modules
اجزای یک ظاهر طراحی شده Styling Components
-
ReactJS - مقدمه ای بر ماژول های CSS ReactJS - Introduction to CSS Modules
-
ReactJS - ایجاد اجزای پاسخگو برای موبایل ReactJS - Creating Mobile Responsive Components
اجزاء در جزئیات Components in Details
-
ReactJS - مؤلفه‌های Stateful در مقابل بدون دولت ReactJS - Stateful vs Stateless Components
-
ReactJS - ایجاد کامپوننت های مبتنی بر کلاس ReactJS - Creating Class-based Components
-
ReactJS - بیشتر در مورد متد setState(). ReactJS - More about setState() Method
-
ReactJS - ارسال Props به کامپوننت های مبتنی بر کلاس ReactJS - Passing Props to Class-based Components
-
ReactJS - Passing Function به عنوان Props ReactJS - Passing Function as Props
تمرین مسئله 1 Practice Problem 1
-
ReactJS - مشکل تمرین: صفحه جزئیات محصول ReactJS - Practice Problem: Product Details Page
-
ReactJS - مشکل تمرین: صفحه جزئیات محصول [راه حل] - قسمت 1 ReactJS - Practice Problem: Product Details Page [Solution] - Part 1
-
ReactJS - مشکل تمرین: صفحه جزئیات محصول [راه حل] - قسمت 2 ReactJS - Practice Problem: Product Details Page [Solution] - Part 2
-
ReactJS - مشکل تمرین: صفحه جزئیات محصول [راه حل] - قسمت 3 ReactJS - Practice Problem: Product Details Page [Solution] - Part 3
چرخه حیات جزء Component Life-cycle
-
ReactJS - متد render() - پشت صحنه. ReactJS - render() method - Behind the scenes.
-
ReactJS - چرخه حیات کامپوننت - ایجاد ReactJS - Component Lifecycle - Creation
-
ReactJS - چرخه حیات کامپوننت - به روز رسانی ReactJS - Component Lifecycle - Updation
-
ReactJS - روش چرخه حیات () shouldComponentUpdate ReactJS - shouldComponentUpdate() Lifecycle Method
![آموزش دوره کامل ReactJs - اصول اولیه تا پیشرفته [2022]](https://donyad.com/course/getimg/a8cad3c9-88ab-4b2c-aa06-8a30341a54d4.jpg "آموزش دوره کامل ReactJs - اصول اولیه تا پیشرفته [2022]")
https://donyad.com/d/b2e3
EdYoda Digital University
EdYoda در حال تجسم دوباره آموزش مبتنی بر مهارت است که در زمینه مهارتهای مربوط به شغل مربوط به دنیای واقعی آموزش می بیند. دوره های Edyoda در زمینه مهارت های فنی مربوط به شغل در زمینه فن آوری های برش هستند. ما یک تیم حرفه ای از مربیان فن آوری داریم. برخی از دوره های تخصصی ما شامل توسعه وب ، توسعه برنامه تلفن همراه ، Cloud & DevOps ، یادگیری ماشین ، هوش مصنوعی ، داده های بزرگ و بسیاری دیگر است ما در EdYoda اعتقاد داریم که دسترسی به آموزش و فرصت ها بزرگترین توانمند است و مأموریت داریم که همان را برای همه در سراسر جهان فراهم کنیم.
Qaifi Khan
مربی در EdYodaQaifi دانش آموخته علوم کامپیوتر است. او از همان روزهای دانشکده بخشی از حلقه شرکت ها بوده است. در روزهای ابتدایی ، او بخشی از یک تیم تازه کار بود که برنامه های آندروید شبکه تولید را ارائه می داد. در حال حاضر ، او یک توسعه دهنده اصلی در EdYoda است. او مسئول کل توسعه و ادغام قسمتهای جلویی است. React ، Python ، Django زمینه های تخصصی وی هستند. وی در حال ارائه آموزشهای شرکتی برای Android ، React ، Javascript ، Python و Django بوده است. او چشمش به جزئیات است و این باعث می شود او برای ارائه یک محصول نهایی مناسب باشد. او یک فرد دمدمی مزاجی تناسب اندام است و کار مورد علاقه او در اوقات فراغت است.
Mavludin Abdulkadirov
نمایش نظرات